<!--
 * @Autor: 王琛
 * @Description: 首页用的按钮卡片
 * @Copyright: 智优科技版权所有
-->
<style lang = "stylus" scoped>
#matching {
  width: 100%;
  height: 100%;
  position: relative;
  margin-bottom :10px;
  &>div{
    .title{
      font-size: 18px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.7);
      text-align:center;
    }
    .startShowing{
      margin:10px auto 0;
      padding:5px 10px;
    }
  }
}
</style>


<template>
  <el-card id="matching" shadow="always" :body-style="{ padding:'10px 10px 15px' }">
    <div class="title">{{ props.config.title }}</div>
    <div class="startShowing btn" @click="$emit('clickItem',config)">开始展示</div>
  </el-card>
</template>


<script setup lang = "ts">
import {reactive,defineProps} from "vue";
import {useRouter} from "vue-router";
import {useStore} from "vuex";
const props = defineProps({
  config:{
    type:Object,
    default:()=>{
      return {
        title:'标题',
      }
    }
  }
})
const data = reactive({});
</script>

